<template>
  <div id="app">
    <!--缓存想要缓存的页面，实现后退不刷新-->
    <keep-alive>
      <!--加上v-if的判断，可以自定义想要缓存的组件，自定义在router里面-->
      <router-view v-if="$route.meta.keep"></router-view>
    </keep-alive>
    <router-view v-if="!$route.meta.keep"></router-view>
  </div>
</template>

<script>
export default {
  name: 'App'
};
</script>

<style lang="sass">
@import '../static/css/reset.css'; // 重置样式
@import '../static/css/font-awesome.min.css'; // 加载第三方图标库样式
@import '../static/css/index.scss';  // 公共样式
</style>
